<template>
  <div class="info" v-if="company.$state.detail">
    <div class="name">
      <van-icon name="friends-o" />{{ company.$state.detail.companyName }}
    </div>
    <div class="item">
      <van-icon name="phone-circle-o" />{{
        company.$state.detail.contactNumber
      }}
    </div>
    <div class="item">
      <van-icon name="guide-o" />{{ company.$state.detail.contactAddress }}
    </div>
  </div>
</template>

<script setup>
import useCompanyStore from "../../store/modules/company";
let company = useCompanyStore();
function getInfo() {
  company.setCompanyDetail();
}
getInfo();
</script>

<style scoped lang="scss">
.info {
  background: #f9f9f9;
  height: 100vh;
  .name {
    font-size: 16px;
    font-weight: bold;
  }
  div {
    padding: 16px 15px;
    background: white;
    margin-bottom: 10px;
    // height: 40px;
  }
  :deep(.van-icon) {
    color: var(--el-color-primary);
    margin-right: 10px;
  }
  .item {
    font-size: 16px;
  }
}
</style>
